<template>
  <div>

      <van-swipe class="lb" :loop="false" indicator-color="black"  >
        <van-swipe-item v-for="item in imgBox">
            <img :src='item.img'>
        </van-swipe-item>
      </van-swipe>

      <van-button class="tg" type="primary" to="/register">跳过</van-button>

  </div>
</template>
<script>
export default {
    name:'Guide',
    data(){
        return{
            count:'',
            imgBox:[
              {
                img:"./static/img/t1.jpg"
              },
              {
                img:"./static/img/t2.jpg"
              },
              {
                img:"./static/img/t3.jpg"
              },
              {
                img:"./static/img/t4.jpg"
              },
              {
                img:"./static/img/t5.jpg"
              }
            ]
        }
    },
    mounted(){

    },
    methods: {
        login(){
            this.$router.push("/register");
        }
    }
}

</script>
<style scoped>
/* .lb{
    background: pink;
} */
.tg{
    width: 60px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 15px;
    border-radius: 20px;
    color:#fff;
    background: #cacdd2;
    border: 0;
    opacity: .4;
    line-height: 0;
}
.lb img{
    width: 100%;
    height: 570px;
}

</style>
